<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Modern an Admin Panel Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="css/controllerstyle.css" rel='stylesheet' type='text/css' />
<!-- Graph CSS -->
<link href="css/lines.css" rel='stylesheet' type='text/css' />
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!----webfonts--->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<!---//webfonts--->  
<!-- Nav CSS -->
<link href="css/custom.css" rel="stylesheet">
<!-- Metis Menu Plugin JavaScript -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<!-- Graph JavaScript -->
<script src="js/controller.js"></script>
<script src="js/d3.v3.js"></script>
<script src="js/rickshaw.js"></script>
</head>
<body>
<div id="wrapper">
     <!-- Navigation 头部 -->
        <nav class="top1 navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div  style="text-align: center">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1  style="color:white">欢迎<span id="welcome"></span>来到商城后台管理系统</h1>
            </div>

			<!-- 侧边导航栏 -->
            <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
						<li>
							<a href="javascript:void(0)" onclick="disp(this.id)" id="manage"><i class="fa fa-dashboard fa-fw nav_icon"></i>商品类别管理</a>
						</li>
						<li>
							<a href="javascript:void(0)" onclick="disp(this.id)" id="categoryadd"><i class="fa fa-dashboard fa-fw nav_icon"></i>类别增加</a>
						</li>
                        <li>
                            <a href="javascript:void(0)" onclick="disp(this.id)" id="inquiry"><i class="fa fa-dashboard fa-fw nav_icon"></i>查看商品</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" onclick="disp(this.id)" id="add"><i class="fa fa-flask nav_icon"></i>添加商品</a>
                        </li>
						<li>
							<a href="javascript:void(0)" onclick="disp(this.id)" id="delete"><i class="fa fa-flask nav_icon"></i>删除商品</a>
						</li>
						<li>
							<a href="javascript:void(0)" onclick="disp(this.id)" id="edit"><i class="fa fa-flask nav_icon"></i>编辑商品</a>
						</li>
						<li>
							<a href="login.html" onclick="exit()" id="exit"><i class="fa fa-flask nav_icon"></i>系统退出</a>
						</li>
                    </ul>
                </div>
                <!-- /.sidebar-collapse -->
            </div>
            <!-- /.navbar-static-side -->
        </nav>

        <!--中间内容-->
        <div id="page-wrapper" style="margin-bottom:0">
        <div class="graphs">


			<!--商品类别管理-->

			<div class="panel panel-warning" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="" style="visibility:visible; display: block;" id="cmanage">
				<div class="panel-heading">
					<h2  style="text-align:center">商品类别管理</h2>
				</div>
				<div class="panel-body no-padding" style="display: block;">
					<table class="table table-striped" id="tablemanage" >
						<thead>
						<tr class="warning">
							<th>编号</th>
							<th>类别名称</th>
							<th>操作</th>
						</tr>
						</thead>
						<tbody id="tmanage">
						<tr>
							<td>1</td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>2</td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>3</td>
							<td></td>
							<td></td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>

			<!--商品添加-->

			<div class="panel panel-warning" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="" style="visibility:visible; display:  none;" id="ccategory">
				<div class="panel-heading">
					<h2  style="text-align:center">商品添加</h2>
				</div>
				<div class="panel-body no-padding" style="display: block; margin:15%;">
					类别名称：<input type="text" placeholder="请输入" id="cname">
					<button class="btn btn_5 btn-lg btn-primary" type="button" onclick="madd()">提交</button>
					</table>
				</div>
			</div>

			<!--查看商品-->

			<div class="panel panel-warning" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="" style="visibility:visible; display:  none;" id="cinquiry">
				<div class="panel-heading">
					<h2  style="text-align:center">商品仓库</h2>
				</div>
				<div class="panel-body no-padding" style="display: block;">
					<table class="table table-striped" >
						<thead>
						<tr class="warning">
							<th>编号</th>
							<th>名称</th>
							<th>类别</th>
							<th>单价</th>
							<th>库存量</th>
						</tr>
						</thead>
						<tbody id="tinquiry">
						<tr>
							<td>1</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>2</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>3</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>

			<!--删除商品-->
			<div class="panel panel-warning" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="" style="visibility:visible; display: none;"  id="cdelete">
				<div class="panel-heading">

						<h2  style="text-align:center">删除商品</h2>

				</div>
				<div class="panel-body no-padding" style="display: block;">
					<table class="table table-striped">
						<thead>
						<tr class="warning">
							<th>编号</th>
							<th>勾选</th>
							<th>名称</th>
							<th>类别</th>
							<th>单价</th>
							<th>库存</th>
							<th>销售量</th>
						</tr>
						</thead>
						<tbody  id="tdelete">
						<tr>
							<td><input type="checkbox" name="personality"></td>
							<td>1</td>
							<td>Mark</td>
							<td>Otto</td>
							<td>Otto</td>
							<td>@mdo</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="personality"></td>
							<td>2</td>
							<td>Jacob</td>
							<td>Thornton</td>
							<td>Otto</td>
							<td>@fat</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="personality"></td>
							<td>3</td>
							<td>Larry</td>
							<td>the Bird</td>
							<td>Otto</td>
							<td>@twitter</td>
						</tr>
						</tbody>
					</table>
					<div  style="width:50%;margin:0 40%;">
					<button class="btn btn_5 btn-lg btn-danger" type="button" onclick="del1()">删除</button>
					</div>
				</div>
			</div>


			<!--编辑商品-->
			<div class="panel panel-warning" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="" style="visibility:visible; display: none;"  id="cedit">
				<div class="panel-heading" style="text-align: left">

						<h2 style="text-align:center">编辑商品</h2>
				</div>
				<div class="panel-body no-padding" style="display: block;">
					<table class="table table-bordered" id="tableedit">
						<thead>
						<tr class="warning">
							<th>编号</th>
							<th>勾选</th>
							<th>名称</th>
							<th>类别</th>
							<th>单价</th>
							<th>库存</th>
							<th>销售量</th>
						</tr>
						</thead>
						<tbody id="tedit">
						<tr>
							<td><input type="checkbox" name="personality"></td>
							<td contentEditable="true" ></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td><input type="checkbox" name="personality"></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td><input type="checkbox" name="personality"></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						</tbody>
					</table>
					<div  style="width:50%;margin:0 40%;">
						<button class="btn btn_5 btn-lg btn-primary" type="button" onclick="edit1()">保存</button>
					</div>
				</div>
				<!--<div style="text-align:center;margin:15% auto;">
					<h2></h2>
				</div>-->
			</div>


			<!--添加商品-->
			<div class="panel panel-warning" data-widget="{&quot;draggable&quot;: &quot;false&quot;}" data-widget-static="" style="visibility:visible; display: none;"  id="cadd">
				<div class="panel-heading" style="text-align: left">

						<h2  style="text-align:center">添加商品</h2>

				</div>
					<div class="panel-body no-padding" style="display: block; width:80%; margin:0 auto">
						<table class="table table-bordered">

							<tr class="warning">
								<th>名称</th>
								<th contentEditable="true" id="name"></th>
							</tr>
							<tr class="warning">
								<th>类别</th>
								<th contentEditable="true" id="category"></th>
							</tr>
							<tr class="warning">
								<th>单价</th>
								<th contentEditable="true" id="price"></th>
							</tr>
							<tr class="warning">
								<th>库存量</th>
								<th contentEditable="true" id="inventory"></th>
							</tr>
							<!--<tr class="warning">
								<th>图像</th>
								<th contentEditable="true"><input  type="file"></th>
							</tr>-->
						</table>
						<div  style="width:50%;margin:0 40%;">
							<button class="btn btn_5 btn-lg btn-primary" type="button" onclick="add()">提交</button>
						</div>
					</div>
		</div>


			<!--尾部内容-->
		<div class="copy" style="margin:10% auto 0 auto">
            <p>This is my job! | Design by <a href="" target="">Huang Zhong Feng</a> </p>
	    </div>

		</div>
       </div>
      <!-- /#page-wrapper -->
   </div>
    <!-- /#wrapper -->
    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
